<!DOCTYPE html>
<html lang="en" xmlns:height="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>DATA DISCOVERY</title>
    <link rel="stylesheet" type="text/css" href="resources/default/css/common/common.css" />
    <link rel="stylesheet" type="text/css" href="resources/default/css/library.css" />
    <link rel="stylesheet" type="text/css" href="resources/default/css/basic.css">
    <link rel="stylesheet" type="text/css" href="resources/default/css/governance.css">
</head>
<body>
<header>
        <div class="header-con cf">
            <a class="header-logo" href="../../Analytics/portal.html"></a>
            <!--头部下拉链接-->


            <div class="header-other center-layer">
                <span class="icon-header icon-header-user"></span>
                <div class="login-filed">
                    <div class="icon-annouce"> </div>
                </div>
                <a class="user-info">
                    <div class="user-name">
                        <span class="username">10011</span>
                        <div class="icon-header icon-help"> </div>
                    </div>
                </a>
            </div>
            <div class="header-nav">
                <ul>
                    <li>
                        <a href="../index1.html">Home</a>
                    </li>
                    <li>
                        <a href="../views/logicalOnly.html">Data Monitoring</a>
                    </li>
                    <li><a href="../poc/poc/poc-data.html">Data Modeling</a></li>
                    <li class="selected"><a href="">Data Integration</a></li>
                </ul>
            </div>
        </div>
</header>
<div class="container">
    <ul class="big-tab cf mt40">
            <a href="dataSource.html">
                <li class="tab-data-icon01">Data Source</li>
            </a>
            <a href="selectDataSource.html">
                <li class="tab-list-on tab-data-icon tab-data-icon02">Schema Mapping</li>
            </a>
            <a href="dataIntergration.html">
                <li class="tab-data-icon tab-data-icon03">Data Integration</li>
            </a>
        </ul>
    <div class="container-sys"  style="margin-top:40px;">
        <div class="step-line">
            <div class="step-line">
                <div class="step-line-bar" style="width:50%"></div>
            </div>
            <ul class="step-progress">
                <li class="select">
                     <div class="step-icon"></div>
                     <div class="step-text">Select Data Source</div>
                </li>
                <li class="select">
                     <div class="step-icon"></div>
                     <div class="step-text">Standardization</div>
                </li>
                <li>
                     <div class="step-icon"></div>
                     <div class="step-text">Mapping</div>
                </li>
            </ul> 
        </div>
		<div class="scanningMain"  style="margin-top:70px;">
        	<h2>Data Discovering Progress</h2>
            <div class="scanning scrollbar">
            	<ul>
                	<li>
                        Huawei CRM <span>Descovery Task</span>
                        <div class="scanning-item-info scanning-item-info-main">
                        	<span><label class="minute">2</label> Minutes<label class="second"> 52</label> Seconds to Go</span>
                            <span>Total<label class="tb">5.8</label>TB</span>
                        </div>
                        <div class="processBar-main processBar-bg">
                            <div class="processBar-body" style="width:72%;-webkit-transition: all 205s;">
                                <div class="processBar-item"></div>
                                <p>72%</p>
                            </div>
                        </div>
                        <ul>
                        	<li>
                            	Subscriber Management Data
                                <div class="scanning-item-info">
                                   <!-- <span>total 6'28''</span> -->
                                    <span>Total 608GB</span>
                                </div>
                                <div class="processBar-sub processBar-bg">
                           			<div class="processBar-body" style="width:100%">
                                        <div class="processBar-item" style="-webkit-transition: all 10s;"></div>
                                    </div>
                                </div>
                            </li>
                        	<li>
                            	Customer Management Data
                                <div class="scanning-item-info">
                                   <!-- <span>total 5'35''</span>-->
                                    <span>Total 83GB</span>
                                </div>
                                <div class="processBar-sub processBar-bg">
                           			<div class="processBar-body" style="width:100%">
                                        <div class="processBar-item"></div>
                                    </div>
                                </div>
                            </li>
                        	<li>
                            	Product Management Data
                                <div class="scanning-item-info">
                                    <!--<span>total 6'28''</span>-->
                                    <span>Total 2.1TB</span>
                                </div>
                                <div class="processBar-sub processBar-bg">
                           			<div class="processBar-body" style="width:80%;-webkit-transition: all 60s;">
                                        <div class="processBar-item"></div>
                                    </div>
                                </div>
                            </li>
                        	<li>
                           		Order Mangement Data
                                <div class="scanning-item-info">
                                    <!--<span>total 3'13''</span>-->
                                    <span>Total 1.3TB</span>
                                </div>
                                <div class="processBar-sub processBar-bg">
                           			<div class="processBar-body" style="width:50%;-webkit-transition: all 90s;">
                                        <div class="processBar-item"></div>
                                    </div>
                                </div>
                            </li>
                        	<li>
                            	Resource Mangement Data
                                <div class="scanning-item-info">
                                    <!--<span>total 4'28''</span>-->
                                    <span>Total 1.6TB</span>
                                </div>
                                <div class="processBar-sub processBar-bg">
                           			<div class="processBar-body" style="width:30%;-webkit-transition: all 190s;">
                                        <div class="processBar-item"></div>
                                    </div>
                                </div>
                            </li>

                            <li>
                                Resource Mangement Data
                                <div class="scanning-item-info">
                                    <!--<span>total 4'28''</span>-->
                                    <span>Total 200GB</span>
                                </div>
                                <div class="processBar-sub processBar-bg">
                                    <div class="processBar-body" style="width:30%;-webkit-transition: all 35s;">
                                        <div class="processBar-item"></div>
                                    </div>
                                </div>
                            </li>   


                        </ul>
                    </li>
                    
                </ul>
            </div>
            
            <div class="button_group floatR">
            	<div class="button">Cancel</div>
            	<div class="button blue" onClick="window.location.href='mapping.html'">Run in Background</div>
            </div>
        </div>
    </div>
    
</div>
<div class="footer">
        <div class="container-sys">
            <label class="copyright">
                Copyright © Huawei Technologies Co., Ltd. 1998-2015. All rights
            </label>
            <label class="function">
                <ul>
                    <li>Latest news</li>
                    <li>DOCS</li>
                    <li>Developer service</li>
                    <li>Contact us</li>
                </ul>
            </label>
        </div>
    </div>
</body>
<script src="js/jquery.js"></script>
<script>
	var allTime = 0, tb = 0, timeMain = null;
    $(function() {
		$(".processBar-body").css("width","100%");
		timeMain = $(".scanning-item-info-main");
		allTime = timeMain.find(".minute").text() * 60 + timeMain.find(".second").text() * 1;
		tb = timeMain.find(".tb").text() * 1;
		setMainProcess();
    })
	
	function setMainProcess(){
		allTime--;
		tb = Math.floor((tb - (tb / allTime))*10) / 10;
		var mainProcess = $(".processBar-main");
		var tbContainer = timeMain.find(".tb");
		var width = Math.round(($(".processBar-main .processBar-body").width() / mainProcess.width()) * 100);
		mainProcess.find("p").text(width + "%");
		//tbContainer.text(tb);
		var minute = Math.floor(allTime / 60);
		var second = allTime % 60;
		timeMain.find(".minute").text(minute);
		timeMain.find(".second").text(second);
		
		if(width < 100){
			window.setTimeout(function(){
				setMainProcess();
			},1000);
		}
	}
	
	
</script>
<script type="text/javascript" src="../js/headDrop.js"></script>
</html>